<template>
  <section>
    <h3>{{title}}</h3>
    <p>{{id}}</p>
    <p>{{publishedAt}}</p>
    <div v-html="content"></div>
    <p>{{comments}}</p>
  </section>
</template>

<script>
export default {
  name: "BolgPost2",
  props: ["title", "id", "publishedAt", "comments"],
  data() {
    return {
      content: "blog post 2..."
    };
  }
};
</script>